@charset 'utf-8';

.user-content {
    margin-bottom: 250px;
    .content-item {
        margin-bottom: 30px;
        .user-avatar {
            img {
                margin: 0 auto;
            }
        }
        .user-name {
            p {
                font-size: 14px;
                line-height: 83px;
                font-weight: bold;
                color: #000000;
            }
        }

        @media screen and (max-width:768px) {
            .user-avatar {
                text-align: center;
            }
            .user-name {
               text-align: center;
            }
        }

        .user-text {
            h1 {
                font-size: 46px;
                line-height: 70px;
                color: #000000;
            }
            p {
                font-size: 12px;
                line-height: 28px;
                color: #676767;
            }
            img {
                margin: 54px auto 50px;
            }
        }
        
        @media screen and (max-width:768px) {
            .user-text {
                h1 {
                   font-size: 30px;
                   line-height: 50px; 
                }
            }
        }
    }
}
